<!DOCTYPE html>
<html>
	<head>
		<meta name="layout" content="main"/>
		<title>Model Web Visualization</title>
		<link rel="stylesheet" type="text/css" href="css/examples.css" />
    	<link rel="stylesheet" type="text/css" href="css/UmlCanvas.css" />
		<style type="text/css" media="screen">
			#status {
				background-color: #eee;
				border: .2em solid #fff;
				margin: 2em 2em 1em;
				padding: 1em;
				width: 12em;
				float: left;
				-moz-box-shadow: 0px 0px 1.25em #ccc;
				-webkit-box-shadow: 0px 0px 1.25em #ccc;
				box-shadow: 0px 0px 1.25em #ccc;
				-moz-border-radius: 0.6em;
				-webkit-border-radius: 0.6em;
				border-radius: 0.6em;
				text-align: center;
			}

			.ie6 #status {
				display: inline; /* float double margin fix http://www.positioniseverything.net/explorer/doubled-margin.html */
			}

			#status ul {
				font-size: 0.9em;
				list-style-type: none;
				margin-bottom: 0.6em;
				padding: 0;
			}

			#status li {
				line-height: 1.3;
			}

			#status h1 {
				text-transform: uppercase;
				font-size: 1.1em;
				margin: 0 0 0.3em;
			}

			#page-body {
				margin: 2em 1em 1.25em 18em;
			}

			h2 {
				margin-top: 1em;
				margin-bottom: 0.3em;
				font-size: 1em;
			}

			p {
				line-height: 1.5;
				margin: 0.25em 0;
			}

			#controller-list ul {
				list-style-position: inside;
			}

			#controller-list li {
				line-height: 1.3;
				list-style-position: inside;
				margin: 0.25em 0;
			}

			@media screen and (max-width: 480px) {
				#status {
					display: none;
				}

				#page-body {
					margin: 0 1em 1em;
				}

				#page-body h1 {
					margin-top: 0;
				}
			}
		</style>
	</head>
	<body>
	<div id="status" role="complementary">
			<h1>Models</h1>
			<ul>
				<li>App version: <g:meta name="app.version"/></li>
				<li>Grails version: <g:meta name="app.grails.version"/></li>
				<li>Groovy version: ${GroovySystem.getVersion()}</li>
				<li>JVM version: ${System.getProperty('java.version')}</li>
				<li>Reloading active: ${grails.util.Environment.reloadingAgentEnabled}</li>
				<li>Controllers: ${grailsApplication.controllerClasses.size()}</li>
				<li>Domains: ${grailsApplication.domainClasses.size()}</li>
				<li>Services: ${grailsApplication.serviceClasses.size()}</li>
				<li>Tag Libraries: ${grailsApplication.tagLibClasses.size()}</li>
			</ul>
			<h1>Installed Plugins</h1>
			<!--  
			<ul>
				<g:each var="plugin" in="${applicationContext.getBean('pluginManager').allPlugins}">
					<li>${plugin.name} - ${plugin.version}</li>
				</g:each>
			</ul>
			-->
		</div>
	<div id="page-body" role="main">
	<h1>Upload your file</h1>
	    <uploadr:add fileselect=" " placeholder="Drop your file" name="upl" path="C:/uploads" allowedExtensions="xmi,txt" controller="customUpload" action="handle"/>
    
	  <canvas class="UmlCanvas Tabbed withConsole withAbout withSource" 
		  id="myModel" width="500" height="400"></canvas>

	  <pre id="myModelSource" style="display:none">
Diagram myDiagram +dynamic {
  [@38,29]
  class myBaseClass +stereotype="special" +abstract {
    Attribute attrib1 : String +public +static;
    Attribute attrib2 : Integer +private;
  }
  [@221,23]
  interface myInterface {
    Operation method1;
    Operation method2 : void;
    Operation method3 +static {
      Argument x;
      Argument y : String;
    }
  }
  association anAssoc {
    role begin : myBaseClass +shared;
    role end : myInterface +navigable;
  }
  [@338,135]
  interface myInterface2 : myInterface {
    Operation method3 : Range;
  }
  [@343,194]
  enumeration myEnum +abstract {
    Attribute value1;
    Attribute value2;
    Attribute value3;
  }
  [@159,200]
  class myClass&lt;T> : myBaseClass : myInterface {
    Attribute attrib3 : Date +protected;
    Attribute attrib4 +private;
    Operation calculate : Speed +protected +abstract {
      Argument velocity : Integer;
    }
  }
  [@159,313]
  class myClass2 : myClass&lt;T> {
    Attribute myPosition : Position;
    Attribute myDirection : Direction;
    Operation calculate : Speed +protected {
      Argument velocity : Integer;
    }
  }
  association recursive {
    role self : myClass&lt;T> +composite;
    role me : myClass&lt;T> +navigable;
  }
  dependency myEnumDep {
    client cl : myClass&lt;T>;
    supplier enum : myEnum;
  }
  [@329,312]
  note myNote +text="A nice note showing of,\nwhat we can do." +linkedTo="myEnum";
}	  </pre>
</div>
	  
	<!-- 
		<a href="#page-body" class="skip"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
		<div id="status" role="complementary">
			<h1>Application Status</h1>
			<ul>
				<li>App version: <g:meta name="app.version"/></li>
				<li>Grails version: <g:meta name="app.grails.version"/></li>
				<li>Groovy version: ${GroovySystem.getVersion()}</li>
				<li>JVM version: ${System.getProperty('java.version')}</li>
				<li>Reloading active: ${grails.util.Environment.reloadingAgentEnabled}</li>
				<li>Controllers: ${grailsApplication.controllerClasses.size()}</li>
				<li>Domains: ${grailsApplication.domainClasses.size()}</li>
				<li>Services: ${grailsApplication.serviceClasses.size()}</li>
				<li>Tag Libraries: ${grailsApplication.tagLibClasses.size()}</li>
			</ul>
			<h1>Installed Plugins</h1>
			<ul>
				<g:each var="plugin" in="${applicationContext.getBean('pluginManager').allPlugins}">
					<li>${plugin.name} - ${plugin.version}</li>
				</g:each>
			</ul>
		</div>
		<div id="page-body" role="main">
			<h1>Welcome to Grails</h1>
			<p>Congratulations, you have successfully started your first Grails application! At the moment
			   this is the default page, feel free to modify it to either redirect to a controller or display whatever
			   content you may choose. Below is a list of controllers that are currently deployed in this application,
			   click on each to execute its default action:</p>

			<div id="controller-list" role="navigation">
				<h2>Available Controllers:</h2>
				<ul>
					<g:each var="c" in="${grailsApplication.controllerClasses.sort { it.fullName } }">
						<li class="controller"><g:link controller="${c.logicalPropertyName}">${c.fullName}</g:link></li>
					</g:each>
				</ul>
			</div>
		</div>
		 -->
	</body>
</html>
